/* reset */
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
html { overflow-x: hidden; height: 100% ;-webkit-tap-highlight-color: rgba(0,0,0,0);  -webkit-tap-highlight-color: transparent;}
body { min-height: 100% }
body { _height: 100% }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 }
body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 }
li { list-style-type: none }
h1, h2, h3, h4, h5, h6 { font-size: 100%;font-weight:normal; }
iframe, frame, fieldset, img { border: 0 none }
img { vertical-align: top; max-width: 100%;}
input[type=button], input[type=submit], input[type=reset] { cursor: pointer }
button { cursor: pointer }
input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none }
input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio }
input[type=checkbox] { -webkit-appearance: checkbox }
input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box }
textarea { overflow: auto; resize: none }
blockquote, q { quotes: none }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none }
table { border-collapse: collapse; border-spacing: 0 }
caption, th { text-align: left }
th { font-weight: normal }
em, cite, address,i { font-style: normal }
/* sup { vertical-align: text-top } */
sup.fnt_16{font-size: 12px;}
sub { vertical-align: text-bottom }
body, input, select, button, textarea { font-size: 14px; }
body { line-height: 1.5 }
a { text-decoration: none;-webkit-tap-highlight-color:transparent }
a { blr:expression(this.onFocus=this.blur()) }
a * { *cursor: pointer }
:focus { outline: none }
.edit_con_original{ line-height:2; padding:0 0; color:#333;}
.edit_con_original ul{ margin:inherit; padding:inherit; padding-left:2em;}
.edit_con_original ul li { list-style-type:disc; margin:auto; }
.edit_con_original ol{ margin:inherit; padding:inherit}
.edit_con_original ol li { list-style-type:decimal; margin:auto; }
.edit_con_original h1 { font-size: 2em; font-weight:bold }
.edit_con_original h2 { font-size: 1.5em; font-weight:bold }
.edit_con_original h3 { font-size: 1.17em; font-weight:bold }
.edit_con_original h4 { font-size: 1em; font-weight:bold }
.edit_con_original h5 { font-size: 0.83em; font-weight:bold }
.edit_con_original h6 { font-size: 0.67em; font-weight:bold }
.edit_con_original em { font-style: italic }
.edit_con_original cite{ font-style: italic }
.edit_con_original address{ font-style: italic }
.edit_con_original i { font-style: italic }
.edit_con_original table{ border-collapse: separate; border-spacing: 2px }
.edit_con_original img{ max-width:100%; height:auto;}
.edit_con_original video{ max-width:100%;display: block;margin:auto;}
 
 
/*所有后台编辑器区域都要引用 edit_con_original 类名*/
 
/* clear 页头，页脚，内容区都不用再加清除样式 */
.fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table }
.fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both }
.fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 }
 
 
.clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important }
               
       
.err_position{ width:100%; height:auto; background:url(../images/errors.png) center no-repeat;}


/*隐藏视频下载按钮*/
video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); 
}

/* 阿里图标 */
[class*='icon']{
    font-family: 'iconfont';
}



/*图片经过*/
.tran_scale{ overflow:hidden; display:block;}
.tran_scale img{-webkit-transition: opacity .4s ease-in,-webkit-transform .6s linear;transition: opacity .4s ease-in,transform .6s linear;}


/*两端对齐*/
.justify { text-align:justify; text-justify:distribute-all-lines;}
/*上下居中*/
.v-m-c{ transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}

/*左右居中*/
.l-m-c{ transform: translate(-50%,0); -webkit-transform: translate(-50%,0);-ms-transform: translate(-50%,0);-moz-transform: translate(-50%,0);-o-transform: translate(-50%,0); position:absolute; left:50%; top:0;}

/*绝对居中*/
.a-m-c{ transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;}

.animate{ transition: 1.5s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slowx { transition: 2.5s all cubic-bezier(0.19, 1, 0.22, 1); }
.animate_fast{ transition: 1s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_slow{ transition: 10s all cubic-bezier(0.19, 1, 0.22, 1);}
.animate_normal{ transition: 0.5s all linear;}



body,a{color: #000;}

.wrap{width: 1400px;max-width: 90%;margin: auto;}

.line24{line-height: 24px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line30{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.line32{line-height: 30px;
 display: -webkit-box;
  overflow: hidden;
  
  -webkit-box-orient: vertical;
}
.ellipsis_p{
   display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ratio-img,.ratio-img img{width: 100%;}
.bold{font-weight: bold;}
.ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
@media only screen and (max-width:1024px) {
.wrap{max-width: 90%;}
.line30,.line32{line-height: 24px;}

}

 /*font-size*/
.fnt_12 { font-size: 12px;}
.fnt_15 { font-size: 15px;}
.fnt_16 { font-size: 16px;}
.fnt_18 { font-size:18px;}
.fnt_20 { font-size:20px;}
.fnt_22 { font-size:22px;}
.fnt_24 { font-size:24px;}
.fnt_28 { font-size:28px;}
.fnt_30 { font-size:30px;}
.fnt_36 { font-size:36px;}
.fnt_38 { font-size:38px;}
.fnt_40 { font-size:40px;}
.fnt_42 { font-size:42px;}
.fnt_48 { font-size:48px;}
.fnt_60 { font-size:60px;}
.fnt_72 { font-size:72px;}

@media only screen and (max-width:1440px) {
    .fnt_30 { font-size:24px;}
}
@media only screen and (max-width:1366px) {
    .fnt_30 { font-size:22px;}
}
@media only screen and (max-width:1024px) {
    
}
/*@media only screen and (max-width:1440px) {*/
/*.fnt_20 { font-size:18px;}*/
/*.fnt_22 { font-size:20px;}*/
/*.fnt_24 { font-size:20px;}*/
/*.fnt_28 { font-size:26px;}*/
/*.fnt_30 { font-size:24px;}*/
/*.fnt_36 { font-size:30px;}*/
/*.fnt_38 { font-size:32px;}*/
/*.fnt_40 { font-size:36px;}*/
/*.fnt_42 { font-size:36px;}*/
/*.fnt_48 { font-size:40px;}*/
/*.fnt_60 { font-size:52px;}*/
/*.fnt_72 { font-size:60px;}*/
/*}*/
/*@media only screen and (max-width:1366px) {*/
/*.fnt_28 { font-size:24px;}*/
/*.fnt_30 { font-size:22px;}*/
/*.fnt_36 { font-size:24px;}*/
/*.fnt_38 { font-size:28px;}*/
/*.fnt_40 { font-size:32px;}*/
/*.fnt_42 { font-size:32px;}*/
/*.fnt_48 { font-size:36px;}*/
/*.fnt_60 { font-size:48px;}*/
/*.fnt_72 { font-size:54px;}*/
/*}*/
/*@media only screen and (max-width:1024px) {*/
/*.fnt_16 { font-size: 14px;}*/
/*.fnt_18 { font-size:16px;}*/
/*.fnt_20 { font-size:16px;}*/
/*.fnt_22 { font-size:18px;}*/
/*.fnt_24 { font-size:18px;}*/
/*.fnt_28,.fnt_30 { font-size:20px;}*/
/*.fnt_36 { font-size:22px;}*/
/*.fnt_38 { font-size:24px;}*/
/*.fnt_40 { font-size:24px;}*/
/*.fnt_42 { font-size:24px;}*/
/*.fnt_48 { font-size:28px;}*/
/*.fnt_60 { font-size:36px;}*/
/*.fnt_72 { font-size:30px;}*/
/*}*/
/*@media only screen and (max-width:767px) {*/
/*.fnt_16 { font-size: 14px;}*/
/*.fnt_18 { font-size:14px;}*/
/*.fnt_20 { font-size:14px;}*/
/*.fnt_22 { font-size:16px;}*/
/*.fnt_24 { font-size:16px;}*/
/*.fnt_28 { font-size:18px;}*/
/*.fnt_30{ font-size:18px;}*/
/*.fnt_36 { font-size:18px;}*/
/*.fnt_38 { font-size:20px;}*/
/*.fnt_40 { font-size:20px;}*/
/*.fnt_42 { font-size:20px;}*/
/*.fnt_48 { font-size:20px;}*/
/*.fnt_60 { font-size:20px;}*/
/*.fnt_72 { font-size:24px;}*/
/*}*/



.cover{background-size: cover; background-repeat: no-repeat; background-position: center center;}
/*.bgimg{transform:scale(1.3,1.5); -webkit-transform:scale(1.3,1.5);-moz-:scale(1.3,1.5);-o-transform:scale(1.3,1.5);-ms-transform:scale(1.3,1.5);}
*/


.footer{background: #333;}
.footer_t{padding: 20px 0;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.2);box-sizing: border-box;}
.footerTop_l{float: left;}
.footerTop_l ul{margin-top: 25px;overflow: hidden;}
.footerTop_l li{float: left;margin-right: 70px;}
.footerTop_l li a{color: #fff;}
.footerTop_r{float: right;text-align: center;color: #fff;}
.footerTop_r img{width: 78px;height: 78px;}
.footerTop_r p{margin-top: 10px;}
.footer_b{color: #fff;padding: 30px 0 120px;box-sizing: border-box;overflow: hidden;font-size: 16px;}
.footer_b p span{margin-right: 18px;}
.footer_b p span a{color: #fff;}

.site{    z-index: 99;width: 56px;height: 56px;line-height: 56px;text-align: center; background: #ec6700;position: fixed;right: 0;bottom: 100px;cursor: pointer;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.site ul{position: absolute;right:0px;top:0;width: 112px; background: #ec6700;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;

}
.site ul li{width: 56px;height: 56px;font-size: 26px;color: #fff;box-sizing:border-box;
position: absolute;right: 0;top:0;
transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
}
.site ul li.site_01{color: #ec6700;background: #fff;}
.site ul li.site_02{right: 0px;color: #fff;background: #ec6700;z-index: 2;}
.site ul li span{transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:50%;
transition:all 0.8s;-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-o-transition:all 0.8s;-ms-transition:all 0.8s;
}
.site ul li .icon-duihua{visibility: hidden;opacity: 0;}
.site:hover .sitebox ul li.site_02{right: 56px;}
.site:hover .sitebox ul li.site_02 .icon-duihua{visibility: visible;opacity: 1;}
.site:hover .sitebox ul li.site_02 .icon-sangedian{visibility: hidden;opacity: 0;}

.header_height{height: 75px;}
.header{position: fixed;top:0;left: 0;width: 90%;z-index: 999;padding:22px 5%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.index_title .fnt_20{font-weight: 700;font-size: 30px;}
.fp-viewing-0 .header{border-bottom: 1px solid rgba(255,255,255,0.4);background: none;}
.fp-viewing-0 .header,.fp-viewing-0 .header a{color: #fff;}
.fp-viewing-0 .header h1 .logo_01{display: block;}
.fp-viewing-0 .header h1 .logo_02{display: none;}


.header h1{float:left;height: 52px;overflow: hidden;}
.header h1 img{width: 100%;height: 100%;}
.nav{height: 52px;line-height: 52px;float: right;padding-right: 14%;}
.nav1 li{float: left;margin-left: 75px;}
.nav li>a{display: block;position: relative;color: #fff;font-size: 18px;}
.nav li.on>a{color:#fff;}
.nav li>a i{position: absolute;left: 0;bottom: 2px;width: 0%;height: 2px;background: #fff;}
.nav li.on>a i,.nav li:hover>a i{width: 100%;left: 0;}

/*#fp-nav ul li, .fp-slidesNav ul li{margin: 30px 10px !important;}*/
/*#fp-nav ul li a span, .fp-slidesNav ul li a span{width: 5px !important;height: 5px !important;background: #366dd2 !important;}*/
/*#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{visibility:hidden !important;*/
 /*transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;*/
/*}*/
/*#fp-nav ul li a.active::after, .fp-slidesNav ul li a.active::after, #fp-nav ul li:hover a.active::after, .fp-slidesNav ul li:hover a.active::after{content: "";position: absolute;top:0%;left: 50%; margin-left: -6px; width: 0;height: 0;overflow: hidden;border: 6px dashed transparent;border-top: 12px solid #366dd2;*/
 /*transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;*/
/*}*/
/*#fp-nav ul li:hover a span, .fp-slidesNav ul li:hover a span{margin: -2px 0 0 -2px !important;}*/
.header .nav1>li ul{top:72px;}
.scrollHeader .header .nav1>li ul{top:72px;}
.header .nav1>li ul{position: absolute;z-index:20; top:72px;left: 0;width:100%;display: none;text-align: left;}
.header .nav1>li ul>div{position: absolute;
    z-index: 20;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;}
.header .nav1>li ul>div>div{display:flex;justify-content:center;width: 100%;}
.header .nav1>li ul li{position: relative;top: 1vw;opacity: 0;transition: all 0.2s;padding:0 30px;margin: 0;}
.header .nav1>li ul a{color: #fff;line-height: 50px;position:relative;opacity:0.8;font-size: 15px;}
.header .nav1>li ul li:nth-child(1){transition: all 0.3s;}
.header .nav1>li ul li:nth-child(2){transition: all 0.4s;}
.header .nav1>li ul li:nth-child(3){transition: all 0.5s;}
.header .nav1>li ul li:nth-child(4){transition: all 0.6s;}
.header .nav1>li ul li:nth-child(5){transition: all 0.7s;}
.header .nav1>li ul li:nth-child(6){transition: all 0.8s;}
.header .nav1>li ul li:nth-child(7){transition: all 0.9s;}
.header .nav1>li ul li:nth-child(8){transition: all 1s;}
.header .nav1>li ul li{opacity: 1;top: 0;}
.header .nav1>li:hover ul{display: block;}
.header .nav1>li ul a:hover{font-weight: bold;}
.header .nav1>li ul li:nth-child(1){transition: all 0.5s 0.3s;}
.header .nav1>li ul li:nth-child(2){transition: all 0.5s 0.4s;}
.header .nav1>li ul li:nth-child(3){transition: all 0.5s 0.5s;}
.header .nav1>li ul li:nth-child(4){transition: all 0.5s 0.6s;}
.header .nav1>li ul li:nth-child(5){transition: all 0.5s 0.7s;}
.header .nav1>li ul li:nth-child(6){transition: all 0.5s 0.8s;}
.header .nav1>li ul li:nth-child(7){transition: all 0.5s 0.9s;}
.header .nav1>li ul li:nth-child(8){transition: all 0.5s 1s;}




input,button,textarea{border: none;outline: none;background: none;}
.search{float: right;position: relative;}
.search.cur span{opacity: 0.6;}
.search span{cursor: pointer;font-size: 24px;color: #000;font-weight: bold;}
.language{float: right;padding-right: 45px;}
.search_box{border: 1px solid #ccc;position: absolute;right: 0;top:74px;border-radius: 2px;background: #fff;width: 0px;padding-left: 20px;
  transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;
  visibility: hidden;opacity: 0;}
.search_box input,.search_box button{height: 53px;line-height: 53px;}
.search_box button{width: 50px;text-align: center;cursor: pointer;font-size: 20px;float: right;}
.search_box input{width: calc(100% - 50px);float: left;}
.search.cur .search_box{width: 650px;visibility: visible;opacity: 1;}

.menu_button{float: right;margin-top: 16px;cursor: pointer;margin-left: 15px;display: none;}
.menu_button i{display: block;width: 24px;height: 2px;background: #000;margin-bottom: 6px;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}

.menu-pc{float: right;text-align: center;padding-left: 20px;position: relative;margin-left: 25px;cursor: pointer;display: none;}
.menu-pc:before{position: absolute;content: "";width: 1px;height: 61px;background: #cccccc;left: 0;top: 7px;}
.menu-pc img{margin-top: 28px;}
.language,.menu_tel{position: relative;z-index: 2;}
.menu_tel{color: #fff;position: absolute;right: 5%;margin-top: 10px;}
.menu_tel i{font-size: 20px;vertical-align: middle;margin-right: 6px;color: #fff;position: relative;top: -3px;}
.menu_tel a{color: #fff;font-size: 20px;font-family: arial;font-weight: bold;}
.menu_tel a:hover{cursor: inherit;}
.logo_02,.scrollHeader .logo_01{display: none;animation: dong2 0.5s}
.scrollHeader .menu_tel i{color: #015182;}
.scrollHeader .logo_02{display: block;}
.scrollHeader .nav li.on>a,.scrollHeader .nav li:hover a{color: #015182;}
.scrollHeader .nav li>a i{background: #015182;}
.scrollHeader .header .nav1>li:hover ul li a{color: #333;}
.scrollHeader .header .nav1>li ul li a:hover{color: #015182;font-weight: bold;}
.scrollHeader .header .nav1>li ul>div{background: #fff;}
.scrollHeader .header .nav1>li ul a{color: #333;}
@keyframes dong2 {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
.dong2 {
  -webkit-animation-name: dong2;
  animation-name: dong2;
}
.foot{position:fixed; bottom:0; left:0; right:0; margin:0 auto; z-index:200;box-shadow: -2px 3px 8px rgba(0,0,0,0.5);background:#000;display: none;width: 100%;}
.foot ul li{ float:left; width:24.7%;margin:11px 0;position: relative;border-right: 1px solid #0e0e0e;}
.foot ul li:nth-child(4n){border-right: none;}
.foot ul li h4{ text-align:center;}
.foot ul li h4 img{ width:auto; height:22px; margin-bottom:6px}
.foot ul li a h3{ text-align:center; font-size:15px; color:#fff; line-height:1.5rem}
#zhezhao{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);top: 0;left: 0;z-index: 20000;display: none;}
.tan-box{position: fixed;background: #fff;width: 72%;margin:-160px 0 0 0;color: #2a2a2a;font-size: 16px;padding: 20px 4%;z-index:20002;left:50%;margin-left: -40%;top:50%;border-radius: 12px;display: none;}
.tan-box .close02{position: absolute;right: 10px;top:10px}
.tan-box .close02 img{width: 24px;height: auto;}
.tan-box .car img{width: 60%;height: 100%;padding: 10px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);display: block;margin:20px auto 10px auto;}
.tan-box p{line-height: 28px;text-align: center;}
.tan-box p span{background:#015182;color: #fff;display: inline-block;padding:2px 5px;}
.page{font-size:14px; padding-top:15px; padding-bottom:60px; margin:0 auto; margin-top:15px;text-align: center;}
.page span,.page  a{
padding:3px 5px;
border:1px #CCCCCC solid;
margin:2px;
cursor:pointer;
display: inline-block;
margin: 5px 3px;
}
.page .current{
border:1px #015182 solid;
background:#015182;
font-weight:bold;
color: #fff;
}
.page a:hover{
border:1px #015182 solid;
background:#015182;
text-decoration:none;
}
.header2 .nav1>li:nth-child(5) ul>div>div{padding-left: 7%;}
.header2 .nav1>li:nth-child(6) ul>div>div{padding-left: 12%;}

@media only screen and (min-width:1025px) {
}
@media only screen and (max-width:1440px) {
    .foot_le li{margin-right: 50px;}
    .menu-pc img{width: 80%;margin-top: 30px;}


}
@media only screen and (max-width:1380px) {
.footer_cont{width:250px;}

}
@media only screen and (max-width:1300px) {
.foot_le li{margin-right: 40px;}
}
@media only screen and (max-width:1280px) {

}
@media only screen and (max-width:1024px) {
    .menu_button{display: block;  z-index: 99;position: relative;width: 24px;height: 24px;}
    .navbody .menu_button i{/*background: #2893cb;*/}
    .navbody .menu_button i:first-child{left: 0;top: 12px;transform: rotateZ(45deg);-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);position: absolute;}
    .navbody .menu_button i:last-child{top: 12px;left: 0;transform: rotateZ(-45deg);-webkit-transform: rotateZ(-45deg);-ms-transform: rotateZ(-45deg);position: absolute;}
    .navbody .menu_button i:nth-child(2){display: none;}
    .navbody .menu_button{margin-top: 12px;}

    .header_height,.header{height: 50px;line-height: 50px;}
    .header_height{display:block;}
    .header{padding: 0 3%;width: 94%;}
    .menu-pc{display: none;}
    .navbody .nav{right: 0;}
    .nav li{float: none;border-bottom: 1px solid rgba(255,255,255,0.2)}
    .nav li>a i{display: none;}
    .nav,.nav a{color: #fff !important;}
    .nav li>a{margin: 0;padding: 0 20px;}
    .header h1{margin-top: 10px;width:auto;height: 30px;}
    .header h1 img{width: auto;height:100%;}
    .search_box input, .search_box button{height: 36px;line-height: 36px;}
    .search_box{top:49px;}
    .language, .menu_tel{height: 50px;background: none;}
    .language, .menu_tel{margin-right: 20px;padding-right: 0;display: none;}
/*footer*/
}

@media only screen and (max-width:767px) {
    .search{position: static;}
    .search_box,.search.cur .search_box{top:50px; left: 0;width: 100%;margin:0;box-sizing: border-box;}
    .search span{font-size: 18px;font-weight: bold;}
    .xhr,.bah{display: block;margin: 0;}
    .footerTop_l{width: 100%;margin-bottom: 30px;}
    .footerTop_l li{margin-right: 25px;}
    .footerTop_l li:last-child{margin-right: 0;}
    .footerTop_r{width: 100%;text-align: center;margin-bottom: 10px;}
    .footerTop_r img{width: 78px;height: 78px;}
    .footer_b{padding: 30px 0 50px;}
    .footer_b p span{display: block;margin-right: 0;text-align: center;}
    .language, .menu_tel{margin-right: 15px;}
    .menu_tel a{font-size: 12px;}
    .menu_tel i{font-size: 20px;display: inline-block;margin-top: 3px;}
}


@media only screen and (min-width:1025px) {
a,.nav li>a i{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);-moz-:scale(1.1,1.1);-o-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);}
.tel_a{cursor: default;}
.tel_a:hover{color: #4d4d4d !important;}

.slidebox .news_block dl .tran_scale:hover img{
      transform:scale(1.1,1.1) translate(0,-50%);
    -webkit-transform:scale(1.1,1.1) translate(0,-50%);
    -ms-transform:scale(1.1,1.1) translate(0,-50%);
    -moz-transform:scale(1.1,1.1) translate(0,-50%);
    -o-transform:scale(1.1,1.1) translate(0,-50%);
}


}

.mCSB_scrollTools .mCSB_draggerRail{ width:1px; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width:3px;-webkit-border-radius:0;border-radius:0;background:#000;}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag:hover .mCSB_dragger_bar{ background:#000;}

.index_more {padding-top: 50px;clear: both;}
.index_more a{display: block;width: 190px;height: 50px;line-height: 50px;border:3px solid #ec6700;color: #ec6700;text-align: center;}
.index_more a i{margin-left: 20px;}

.swiper-cicle{display: none;width: 100%;}
.swiper-cicle span{border-radius: 0;height: 11px;margin: 0 3px;background:none;opacity: 1;position: relative;}


.but div{width: 24px;height: 24px;line-height: 24px; margin-top: -12px; background: none;font-size: 28px;color: #ec6700;text-align: center;}
.but div.swiper-button-disabled{opacity: 1;color: #ccc;}
.but .swiper-button-prev{width: 62px;height: 62px;background: url("../images/left.png") no-repeat;left: 5%;}
.but .swiper-button-next{width: 62px;height: 62px;background: url("../images/right.png") no-repeat;right: 5%;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;border-radius: 50%;background: #fff;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 47px;border-radius: 6px;} 

.but02 .swiper-button-prev{left:-35px;}
.but02 .swiper-button-next{right:-35px;}
/*.main{min-height: 800px;}*/
@media only screen and (max-width:1440px) {
.index_more a{border-width: 2px;}
}
@media only screen and (max-width:1024px) {
.but02 .swiper-button-prev{left:-25px;}
.but02 .swiper-button-next{right: -25px;}
.index_more a{height: 40px;line-height: 40px;width: 150px;}
.index_more a i{margin-left: 5px;}
.swiper-cicle span{width: 80px;}
.index_more{padding-top: 30px;}
}
@media only screen and (max-width:767px) {
.but div{font-size: 18px;}
.but02 .swiper-button-prev{left:-10px;}
.but02 .swiper-button-next{right: -10px;}
.index_more{padding-top: 20px;}
}
@media only screen and (min-width:1025px) {


}



.common-loading {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    animation: fadeOut 0.8s ease-in 0.3s;
    animation-fill-mode: forwards;
}

.common-loading .common-loading-top {
    width: 100%;
    height: 50vh;
    position: absolute;
    top: 0;
    left: 0;
    animation: moveUp 0.8s ease-in-out 0.3s;
    animation-fill-mode: forwards;
    background: #fff;
}

.common-loading .common-loading-bottom {
    width: 100%;
    height: 50vh;
    position: absolute;
    bottom: 0;
    left: 0;
    animation: moveDown 0.8s ease-in-out 0.3s;
    animation-fill-mode: forwards;
    background: #fff;
}

@keyframes fadeOut {
    0% {
        visibility: visible;
    }
    100% {
        visibility: hidden;
    }
}

@keyframes moveUp {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(-100%);
        opacity: 0.5;
    }
}

@keyframes moveDown {
    0% {
        transform: translateY(0);
        opacity: 1;
    }
    100% {
        transform: translateY(100%);
        opacity: 0.5;
    }
}


/*下拉*/
.nav_arrow,.return_a{display: none;}
.nav{transition: all .3s;}

.nav.on,.pc_nav.on{transform: translateX(300%);}{transform: translateX(300%);}

.nav_list{position: absolute;left:50%;top:100%;width: 200px;margin-left: -100px;background: #fff;box-sizing:border-box;padding: 15px 18px;display: none;
box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.nav_list dl{text-align: center;}
.nav_list .nav_p dt{line-height: 40px;margin-bottom: 0;}


.nav_pro .nav_list{width: 300px;margin-left: -150px;}
.nav_pro .nav_list dl{padding: 35px 0;border-bottom: 1px solid #323132}
.nav_p p{line-height: 40px;}
.nav_p dt{line-height: 30px;margin-bottom: 6px;}
.header .nav_list dt,.header .nav_list dt a{color: #000;}
.header .nav_list dt a{font-weight: bold;}
.header .nav_list dd p,.header .nav_list dd p a{color: #737373;}

.nav .nav_solution{position: static;}
.nav_solution .nav_list{width:270%;padding: 35px 0;
transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    position: absolute;
    z-index: 9999;
    left: calc(50% + 100px);
}
.nav_solution .nav_p{width: 1300px;margin: auto;max-width: 90%;overflow: hidden;}
.nav_solution .nav_p dl{padding: 0; float: left;border: 0;margin: 0 2%;text-align: left;}
.nav_solution .nav_p dt{margin-bottom: 10px;}
.nav li:nth-child(3) .nav_p dl{width: 12%;}
.guanyu.nav_p dt a{font-weight: inherit;}
.title{text-align: center;color: #666;font-size: 18px;}
.title h3{color: #333;font-size: 42px;padding-bottom: 6px;}
.index1{padding: 72px 0 82px 0;}

@media ( min-width:1025px ) and ( max-height:680px ){
.nav_pro .nav_list dl{padding: 18px 0;}
}


@media only screen and (min-width:1025px) {
.header .nav_list dt a:hover{opacity: 0.8;}
.header .nav_list dd p a:hover{color: #133f86 !important;}
.header .nav_list dt, .header .nav_list .guanyu dt a , .header .nav_list dt, .header .nav_list .zhaoxian dt a{
    color: #737373;
  }
}

@media only screen and (max-width:1440px) {
.nav_solution .nav_list{left: calc(50% + 100px);}
.nav_solution .nav_p{width: 1200px;}

}
@media only screen and (max-width:1250px) {
.nav_solution .nav_p{width: 900px;}

}
@media only screen and (max-width:1024px) {
/*.nav_arrow, .return_a{display: block;}*/
.nav_arrow{display: block;}
.return_a{background: #1a1a1a;}
.nav{line-height: 44px;}
.nav li{ clear: both;position: relative;}
.nav li>a{width: calc(100% - 50px);    box-sizing: border-box;float: left;}
.nav_arrow{float: right;text-align: center;width: 50px;height: 44px; font-size: 18px;position: relative;}
.nav_arrow span{position: absolute;top:0;left: 0;width: 100%;height: 100%;transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}
.nav li.cur .nav_arrow span{transform: rotate(180deg);}
/*.nav_list{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;}*/
.nav_list,.nav_pro .nav_list,.nav_solution .nav_list {width:100%;height: 100%;left: auto;right: 0%;top:0; margin: 0;padding: 0;    z-index: 9;position: static;}
.nav li.cur .nav_list{right: 0 !important;    top: 0;}
.nav_pro .nav_list dl,.nav_solution .nav_p dl{padding: 5px 0;}
.nav_list dl{text-align: left;}
.nav_list a{padding: 0 20px;}
.header .nav_list dt, .header .nav_list dt a{color: #ec6700 !important;}
.nav_list .nav_p dt{line-height: 30px;}
.nav_solution .nav_list{top:0;    transform: translate(0,0);
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -o-transform: translate(0,0);}
.nav_solution .nav_p dl{margin: 0;width: 100%;border-bottom: 1px solid #323132;}
.nav li:nth-child(3) .nav_p dl{margin: 0;width: 100%;}
.nav_list .nav_p dt{padding-bottom: 0;}
.nav_solution .nav_p dt{margin-bottom: 0;border: 0;}
.nav_list .nav_p dt{line-height: 40px;}
.nav_solution .nav_list .nav_p dt,.nav_pro .nav_list .nav_p dt{line-height: 40px;border: 0;}
.header .nav_solution .nav_list dt a,.header .nav_pro .nav_list dt a{color: #fff;font-weight: normal;}
.header .nav_list dt a{color: #fff !important;}
.nav_p dd p{line-height: 26px;float: left;}
.nav_list{overflow-y: auto;}
/*.nav li:nth-child(2) .nav_list dl:last-child dd p:last-child a{padding-left: 8px;}*/
}

@media only screen and (max-width:345px) {
	.nav li:nth-child(2) .nav_list dl:last-child dd p:last-child a{padding-left: 4px;}
	.header{padding: 0 10px;}
	.header h1{margin-top: 12px;
    width: 80px;
    height: 26px;}
}





/*新增的公共*/
.fnt_52{font-size: 50px;}
.fnt_80{font-size: 80px;}

@media only screen and (max-width:1600px) {
  .fnt_52{font-size: 38px;}
  .fnt_80{font-size: 70px;}
}
@media only screen and (max-width:1400px) {
  .fnt_52{font-size: 34px;}
  .fnt_80{font-size: 60px;}
}
@media only screen and (max-width:1280px) {
  .fnt_52{font-size: 28px;}
  .fnt_80{font-size: 50px;}
}
@media only screen and (max-width:1024px) {
  .fnt_52{font-size: 22px;}
  .fnt_80{font-size: 40px;}
}
@media only screen and (max-width:767px) {
  .fnt_52{font-size: 18px;}
  .fnt_80{font-size: 30px;}
}
.scrollHeader .header{ z-index: 99999; background: #fff;    box-shadow: 0 0 20px rgb(0 0 0 / 30%);}
.details-body .header{ background: #F7F7F9; border-bottom:1px solid #DCDCDD;}
.scrollHeader .header,.scrollHeader .header a,.details-body .header,.details-body .header a{color:#000;}
.scrollHeader .header .menu_tel a{color: #015182;}
.details-body .header_height{ display: block;}

.bg-cover{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.inbanner{position: relative;}
.inbanner .txt{ color:#fff; top:35%;z-index: 2;}
.inbanner .txt h2{margin-bottom: 2%;}
@media only screen and (max-width:767px) {
  .inbanner{ height: 280px;}
  .inbanner img{ display: none;}
  .inbanner .txt h2{font-weight: bold;}

}


/*page*/
/*.pageout{text-align: center;clear: both;margin: 20px 0;}

.page{display:inline-block;*display:inline;*zoom:1;}

.page {vertical-align:middle;text-align:center;margin:0 auto;color:#484848; font-size: 16px; height:48px; line-height:48px; }

.page span{color:#484848; float: left;font-weight: bold;}

.page span em{color: #2974DA;margin-left: 5px;}

.page .span01{margin-right: 5px;}

.page .span02{margin-left: 5px;}

.page i{ float: left; margin: 0 20px;}

.page a{float: left; width:48px;color:#484848; background: #ffffff; margin: 0 10px;height: 48px;}

.page a.on{color:#36a2d6;}

.page a.prev {color: #000;text-align: center;line-height: 48px;}

.page a.next {color: #000;margin-left: 30px;text-align: center;line-height: 48px;}

.page a.prev i,.page a.next i{font-size: 20px;margin: 0;float: none;}

.page a.prev.no i{opacity: .6;}

.page a.next.no i{opacity: .6;}

.page a.first,.page a.last{color:#484848;font-weight: bold;}

.page a.next{margin:0 6px;}

.page .go{ width: 33px; background: #124985; bordeR:none; font-size: 12px;font-weight: bold; color: #fff; text-align: center;cursor: pointer; height: 28px; line-height: 28px;}

.page .go:hover{color: #fff !important;}

.page a.on:hover{color: #fff !important;}

.page .txtnum{margin:0 20px;margin-left: 30px;}

.page .txtnum input{color:#b3b3b3; width:62px;height:28px; line-height:28px; padding: 0 5px; text-align:left;background:none;border: 2px solid #000000;}
*/

@media only screen and (min-width:1025px) {
   
}
@media only screen and (max-width:1280px) {
    
}
@media only screen and (max-width:767px) {

}

/*page*/



@media only screen and (max-width:1024px) {

/* 

 .header,.header a{color:#000;}
  .header h1 .logo_02{ display: block;}
  .header h1 .logo_01{ display: none;}*/

}



/*手机导航修改*/

@media only screen and (max-width:1024px) {
.header_height{}
.menu_button i{background: #000;}
.scrollHeader .menu_button i{background: #000;}

.nav{overflow: hidden;overflow-y:auto;visibility: hidden;opacity: 0;}
.navbody .nav{visibility: visible;opacity: 1;}
.nav li{clear: both;overflow:hidden;}
.phone_nav .nav>ul>li:first-child a{display: block;}
.nav,.nav_list{    background: #000;}
.nav_list{box-sizing: inherit;border-top: 1px solid rgba(255,255,255,0.2);padding:10px 0;}
.nav_pro .nav_list dl,.nav_solution .nav_p dl{border-bottom: 1px solid rgba(255,255,255,0.2)}
.nav_pro .nav_list dl:last-child,.nav_solution .nav_p dl{border: 0;}
.nav_solution .nav_p{max-width:100%;}
}


/*手机banner*/
.phone_baner_img{display: none;}
.phone_baner_img img{width: 100%;display: block;}

@media only screen and (max-width:767px) {
.phone_site_banner{height: auto;}
.phone_baner_img{display:block;}

}


/*面包屑*/
.site_box {
    padding: 10px 0;
}

.site_box .site—txt {
    display: inline-block;
    line-height: 34px;
}

.site—txt,
.site—txt a {
    color: #757578;
}

.site—txt a i {
    margin-right: 20px;
    color: #000;
}

.site—txt span {
    color: #000;
}

@media only screen and (max-width:767px) {
    .site_box {
       display: none;
    }
}


/*.swiper-pagination{text-align: center;width: 100%;display: none;bottom: 0px;}*/
/*.swiper-pagination-bullet{width: 83px;height: 2px;background: #afb3b8;margin: 0 5px;}*/
.swiper-pagination-bullet{
    margin: 0 6px!important;border-radius: 0;opacity: 1;
}

.banner_text .fnt_40,.site_banner_text .fnt_40{font-size: 28px!important;color: #fff;}
.banner_text .fnt_16,.site_banner_text .fnt_16{font-size: 14px;}

/*2022 06 21 add*/
.phone_nav{display: none;}
.phone_nav .nav{height: auto;width: 100%;float: none;padding-right: 0;}
@media only screen and (max-width:1024px) {
    .nav_arrow .icon-right:before{color: #fce051;}
    .header .nav_list dt a{color: #fff !important}
}
@media only screen and (max-width:1024px) {
    .phoneClick{padding-left: 15px;box-sizing: border-box;}
    .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);background: #fff;}
    .nav_list a{padding: 0 15px;}
    .pc_nav{display: none;}
    .nav, .nav_list{background: #000;}
    .logo_02{display: block;}
    .logo_01{display: none;}
    .banner{margin-top: 50px;}
    .navbody .phone_nav{display: block;}
    .navbody .phone_nav .nav{height: calc(100% - 50px);position: fixed;top: 50px;left: 0;}
    .title h3{font-size: 24px;}
    .title{font-size: 16px;}
    .index1{padding: 60px 0;}
    .hotspotSwi{margin-top: 0px;}
    


}

.site_banner .phone_img{display:none;}
@media only screen and (max-width:767px) {
    .solo_body .site_banner img{display:none;}
    .site_banner .pc_img{display:none!important;}
    ..site_banner phone_img{display:block!important;}
    .solo_body .site_banner{height:100px;}
    .hotspotSwi .swiper-container{padding: 30px 0;}

}